<%--
  Created by IntelliJ IDEA.
  User: YuanDali
  Date: 2020/7/20
  Time: 14:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<%--.storyIntroduce{
display:inline;
}--%>
<head>
    <!-- basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- mobile metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- site metas -->
    <title>贾楼影院</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- bootstrap css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <!-- style css -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- Responsive-->
    <link rel="stylesheet" href="css/responsive.css">
    <!-- fevicon -->
    <link rel="icon" href="images/fevicon.png" type="image/gif" />
    <!-- Scrollbar Custom CSS -->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
    <!-- Tweaks for older IEs-->
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/classy-nav.css">
    <!-- owl stylesheets -->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/jquery.fancybox.min.css" media="screen">
    <link href="css/gijgo.min.css" rel="stylesheet" type="text/css" />


    <script src="js/jquery.min.js"></script>
    <script src="js/schedule.js"></script>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: none;
        }

        #schedule-box {
            width: 320px;
            margin: 0 auto;
            padding: 35px 20px;
            font-size: 13px;
        }

        .schedule-hd {
            display: flex;
            justify-content: space-between;
            padding: 0 15px;
        }

        .today {
            flex: 1;
            text-align: center;
        }

        .ul-box {
            overflow: hidden;
        }

        .ul-box>li {
            float: left;
            width: 14.28%;
            text-align: center;
            padding: 5px 0;
        }

        .other-month {
            color: #999999;
        }

        .disabled {
            pointer-events: none;
            background-color: #eeeeee;
            color: #999999;
        }

        .current-month {
            color: #333333;
        }

        .today-style {
            border-radius: 50%;
            background: #58d321;
        }

        .arrow {
            cursor: pointer;
        }

        .dayStyle {
            display: inline-block;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            text-align: center;
            line-height: 35px;
            cursor: pointer;
        }

        .current-month>.dayStyle:hover {
            background: #00BDFF;
            color: #ffffff;
        }

        .today-flag {
            background: #00C2B1;
            color: #fff;
        }

        .boxshaw {
            box-shadow: 2px 2px 15px 2px #e3e3e3;
        }

        .selected-style {
            background-color: #ffba5a;
            color: #ffffff;
        }

        .active-style {
            background: #00BDFF;
            color: #ffffff;
        }

        #h3Ele {
            text-align: left;
            padding: 10px;
        }

        .today {
            text-align: center;
            color: #8ac6d1;
            padding: 5px 0 0;
            font-weight: bold;
            cursor: pointer;
            font-size: 15px;
        }
    </style>
</head>
<body>

<!-- header section start -->
<div class="header_section">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="logo" href="index.jsp"><img src="images/logo.png"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="${pageContext.request.contextPath}/front/index.jsp">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="${pageContext.request.contextPath}/front/movies.jsp">影片</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="${pageContext.request.contextPath}/front/tv.jsp">影院</a>
                </li>
            </ul>
<%--            <div class="search_icon"><a href="#"><img src="images/notification-icon.png"><span class="padding_left_15">Notificastion</span></a></div>
            <div class="search_icon"><a href="#"><img src="images/eye-icon.png"><span class="padding_left_15">Viwe</span></a></div>--%>

            <div class="search_icon">
                <a href="/front/login.jsp">
                    <img src="images/user-icon.png" id="accountImg" >
                    <span class="padding_left_15" id="accountLoginName">登录</span>
                </a>
            </div>
            <div class="search_icon"><a href="#"><img src="images/notification-icon.png"><span class="padding_left_15">联系客服</span></a></div>

            <div class="search_icon" style="z-index: 2">
                <a href="order.jsp"  ><span class="padding_left_15"  >个人订单</span></a>
            </div>
            <div class="search_icon" style="z-index: 2">
                <a href="collect.jsp"  ><span class="padding_left_15"  >收藏夹</span></a>
            </div>
            <div class="search_icon" style="...">
                <a href="admin-info.jsp?accountName=${sessionScope.account.accountName}"  ><span class="padding_left_15" id="" >个人中心</span></a>
            </div>
        </div>
    </nav>
</div>
<!-- header section end -->
<!-- banner section end -->
<div class="banner_section layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="banner_taital">欢迎 <br>这里有最好看的电影</div>
                <p class="banner_text">这里让你体验到不一样的乐趣 </p>
                <div class="see_bt"><a href="/front/index.jsp">看更多</a></div>
            </div>
            <%--<div class="col-md-6">
                <div class="play_icon"><a href="#"><img src="images/play-icon.png"></a></div>
            </div>--%>
        </div>
    </div>
</div>

<!-- arrival section end -->
<!-- movies section start -->
<div class="movies_section layout_padding">
    <div class="container">
        <div class="movies_menu">
            <ul>
                <li>
                    <span>精彩邀您共享</span>
                </li>
            </ul>
            <%--<ul>
                <li class="active"><a href="#">Overview</a></li>
                <li><a href="tv.html">TV</a></li>
                <li><a href="movies.html">Movies</a></li>
                <li><a href="#">Show</a></li>
                <li><a href="celebs.html">Celeb</a></li>
                <li><a href="#">Sports</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Cartoon</a></li>
            </ul>--%>
        </div>
        <%--<div class="playnow_bt">导演</div>
        <div class="playnow_bt">演员</div>--%>
        <div class="movies_section_2 layout_padding">
            <h2 class="letest_text">正在热映</h2>
            <div class="seemore_bt"><a href="/front/movies.jsp">查看更多</a></div>
            <div class="movies_main">
                <div class="iamge_movies_main" id = "hotShowing">
                    <%--<div class="iamge_movies">
                        <div class="image_3">
                            <a href="../details.jsp?"></a>
                            <img src="../fileDownload/" class="image" style="width:100%">
                            <div class="middle">
                                <li><span class="director">导演:</span></li>
                                <li><span class="actor">演员:</span></li>
                                <li><span class="movieType">类型:</span></li>
                                <li><span class="area">地区:</span></li>
                                <li><span class="playTime">片长:</span></li>
                                <li><span class="moviePrice">票价:</span></li>
                            </div>
                        </div>
                        <h2 class="code_text">电影名:</h2>
                        <p class="there_text">电影简介</p>
                    </div>--%>
                </div>
            </div>
        </div>
        <div class="movies_section_2 layout_padding">
            <h2 class="letest_text">即将上映</h2>
            <div class="seemore_bt"><a href="/front/movies.jsp">查看更多</a></div>
            <div class="movies_main">
                <div class="iamge_movies_main" id="upcoming">
                    <%--<div class="iamge_movies">
                        <div class="image_3">
                            <img src="#" class="image" style="width:100%">
                            <div class="middle">
                                <div class="playnow_bt">Play Now</div>
                            </div>
                        </div>
                        <h1 class="code_text">CADE Prlor</h1>
                        <p class="there_text">There are many variations </p>

                    </div>--%>

                </div>
            </div>
        </div>
        <div class="movies_section_2 layout_padding">
            <h2 class="letest_text">热门影院</h2>
            <div class="seemore_bt"><a href="/front/tv.jsp">查看更多</a></div>
            <div class="movies_main">
                <div class="iamge_movies_main" id="hotCinema">
                    <%--<div class="iamge_movies">
                        <div class="image_3">
                            <a href="../tv.jsp/?">
                                <img src="../fileDownload/" class="image" style="width:100%">
                            </a>
                            <div class="middle">
                                <div class="playnow_bt">Play Now</div>
                            </div>
                        </div>
                        <h1 class="code_text">影院名:</h1>
                        <p class="there_text">地址:</p>
                    </div>--%>
                </div>
            </div>
        </div>
        <div class="seebt_1"><a href="#">看更多</a></div>
    </div>
</div>
<!-- newsletter section end -->
<!-- cooming  section start -->
<div class="cooming_section layout_padding">
    <div class="container">

        <h2 class="letest_text" style="color:#ff3428">新片观影指南</h2>
        <%--显示日期--%>
        <span id='h3Ele'></span>
        <div class="row">
            <%--<div class="col-md-6">
                <div class="image_17">
                    &lt;%&ndash;<div class="image_17"><img src="images/img-17.png"></div>&ndash;%&gt;

                </div>
            </div>--%>

                <%--日历的容器--%>
                <div id='schedule-box' class="boxshaw"></div>

            <div class="col-md-6">
                <%--<h1 class="number_text">01</h1>
                <h1 class="Cooming_soon_taital">Cooming soon</h1>
                <p class="long_text_1">It is a long established fact that a reader will be distracted by the readable content of a page when looking</p>
                <div class="paly_bt"><a href="#">Play Now</a></div>--%>
                    <%--轮播图--%>
                    <div id="demo" class="carousel slide" data-ride="carousel" style="height: 488px;width:500px">

                        <!-- 指示符 -->
                        <%--<ul class="carousel-indicators">
                            <li data-target="#demo" data-slide-to="0" class="active"></li>
                            <li data-target="#demo" data-slide-to="1"></li>
                            <li data-target="#demo" data-slide-to="2"></li>
                            <li data-target="#demo" data-slide-to="3"></li>
                        </ul>--%>

                        <!-- 轮播图片 ../fileDownload/ <%--https://static.runoob.com/images/mix/img_fjords_wide.jpg--%>-->
                        <div class="carousel-inner" id="slideshow">
                            <%--<div class="carousel-item active image_3">
                                <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" style="width: 500px;height: 488px">
                                <div class="middle playnow_bt">
                                    <span class="director there_text">电影名:</span>
                                </div>
                            </div>
                            <div class="carousel-item image_3">
                                <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg" style="height: 488px">
                            </div>
                            <div class="carousel-item image_3">
                                <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg" style="height: 488px">
                            </div>--%>
                        </div>

                        <!-- 左右切换按钮 -->
                        <a class="carousel-control-prev" href="#demo" data-slide="prev">
                            <span class="carousel-control-prev-icon"></span>
                        </a>
                        <a class="carousel-control-next" href="#demo" data-slide="next">
                            <span class="carousel-control-next-icon"></span>
                        </a>

                    </div>
            </div>
        </div>
    </div>
</div>
<!-- cooming  section end -->
<!-- footer  section start -->
<div class="footer_section layout_padding">
    <div class="container">
        <div class="footer_menu">
            <ul>
                <li><a href="${pageContext.request.contextPath}/front/index.jsp">首页</a></li>
                <li><a href="${pageContext.request.contextPath}/front/movies.jsp">影片</a></li>
                <li><a href="${pageContext.request.contextPath}/front/tv.jsp">影院</a></li>
                <%--<li><a href="celebs.html">Celebs</a></li>
                <li><a href="#">Sports</a></li>
                <li><a href="#">News</a></li>--%>
            </ul>
        </div>
        <%--<div class="social_icon">
            <ul>
                <li><a href="#"><img src="images/fb-icon.png"></a></li>
                <li><a href="#"><img src="images/twitter-icon.png"></a></li>
                <li><a href="#"><img src="images/linkedin-icon.png"></a></li>
                <li><a href="#"><img src="images/instagram-icon.png"></a></li>
            </ul>
        </div>--%>
    </div>
</div>
<!-- footer  section end -->
<!-- copyright section start -->
<div class="copyright_section">
    <div class="container">
        <div class="copyright_text">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
    </div>
</div>
<!-- copyright section end -->
<!-- Javascript files-->
<%--<script src="js/jquery.min.js"></script>--%>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/gijgo.min.js" type="text/javascript"></script>
<%--对日历操作--%>
<script>

</script>
<script type="text/javascript">

    $(document).ready(function(){


            //获取用户Name
            var accountName ="${sessionScope.account.accountName}";
            if (accountName!=null && accountName!=""){
                $("#accountImg").prop("src","../fileDownload/${sessionScope.account.facePicture}");
                $("#accountImg").css({"width":"50px","height":"50px","border-radius":"50%"});
                $("#accountLoginName").text(accountName);
            }


        // 对日历进行操作
        var mySchedule = new Schedule({
            el: '#schedule-box',	//容器元素
            date: '2020-07-22',		//当前日期
            disabledBefore: '2020-07-22',	//禁用此日期之前
            disabledAfter: '2021-01-01',	//禁用此日期之后
            disabledDate: ['2018-8-20', '2018-8-2', '2018-8-23'],	//禁用的日期
            selectedDate: ['2018-10-21', '2018-10-22', '2018-10-23'],	//选中的日期
            showToday: true,	//回到今天
            clickCb: function (date) {
                document.querySelector('#h3Ele').innerHTML = date
            },
            nextMonthCb: function (currentYear, currentMonth) {
                console.log('currentYear:' + currentYear, 'currentMonth:' + currentMonth)
            },
            nextYeayCb: function (currentYear, currentMonth) {
                console.log('currentYear:' + currentYear, 'currentMonth:' + currentMonth)
            },
            prevMonthCb: function (currentYear, currentMonth) {
                console.log('currentYear:' + currentYear, 'currentMonth:' + currentMonth)
            },
            prevYearCb: function (currentYear, currentMonth) {
                console.log('currentYear:' + currentYear, 'currentMonth:' + currentMonth)
            }
        });

        // 首页显示5条数据
        var pageNum  = "1";
        var pageSize = "5";
        //var showStatus = 0;

        // 发送ajax,渲染正在热映
        $.ajax({
            async:true,
            url:"${pageContext.request.contextPath}/getMovie/moviePage",
            type:"GET",
            data:{pageNum:pageNum, pageSize:pageSize, showStatus:0},
            dataType:"json",
            success:function(result,status,xhl){
                console.log(result);
                // 热门电影的渲染
                // style="color:#FF0000"
                var content = "";
                $.each(result.list,function(index,Movie){
                    content += "<div class=\"iamge_movies\">\n" +
                        "                        <div class=\"image_3\">\n" +
                        "                            <a href=\"../front/details.jsp?movieId=" + Movie.movieId + "\">" +
                        "                               <img src=\"../fileDownload/" + Movie.moviePicture +"\" class=\"image\" style=\"width:197px;height: 274px\">\n" +
                        "                            </a>" +
                        "                            <div class=\"middle playnow_bt\">\n" +
                        "                                <li><span class=\"director there_text\">导演:"+ Movie.director.directorName +"</span></li>\n" +
                        "                                <li><span class=\"actor there_text\">演员:";
                    $.each(Movie.actorList,function(index,Actor){
                        content += Actor.actorName + ",";
                    })

                    content += "</span></li>\n" +
                        "                                <li><span class=\"movieType there_text\">类型:" + Movie.movieType +"</span></li>\n" +
                        "                                <li><span class=\"area there_text\">地区:" + Movie.area.areaName + "</span></li>\n" +
                        "                                <li><span class=\"playTime there_text\">片长:" + Movie.playTime + "</span></li>\n" +
                        "                                <li><span class=\"moviePrice there_text\">票价:" + Movie.moviePrice + "</span></li>\n" +
                        "                            </div>\n" +
                        "                        </div>\n" +
                        "                        <h1 class=\"movieName code_text\">" + Movie.movieName + "</h1 >\n" +
                        "                        <p class=\"storyIntroduce there_text\" style=\"display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;work-wrap:break-word;overflow:hidden;text-overflow:ellipsis\" >电影简介:" + Movie.storyIntroduce + "</p>\n" +
                        "                    </div>";

                });
                $("#hotShowing").html(content);

            },
            //请求失败时的响应函数
            error:function(xhr,status,error){
                console.log("请求失败");
            }
        });

        // 发送ajax,渲染即将上映
        $.ajax({
            async:true,
            url:"${pageContext.request.contextPath}/getMovie/moviePage",
            type:"GET",
            data:{pageNum:pageNum, pageSize:pageSize, showStatus:1},
            dataType:"json",
            success:function(result,status,xhl){
                console.log(result);
                // 热门电影的渲染
                // style="color:#FF0000"
                var content = "";
                $.each(result.list,function(index,Movie){
                    content += "<div class=\"iamge_movies\">\n" +
                        "                        <div class=\"image_3\">\n" +
                        "                            <a href=\"../front/details.jsp?movieId=" + Movie.movieId + "\">" +
                        "                               <img src=\"../fileDownload/" + Movie.moviePicture +"\" class=\"image\" style=\"width:197px;height: 274px\">\n" +
                        "                            </a>" +
                        "                            <div class=\"middle playnow_bt\">\n" +
                        "                                <li><span class=\"director there_text\">导演:"+ Movie.director.directorName +"</span></li>\n" +
                        "                                <li><span class=\"actor there_text\">演员:";
                    $.each(Movie.actorList,function(index,Actor){
                        content += Actor.actorName + ",";
                    })

                    content += "</span></li>\n" +
                        "                                <li><span class=\"movieType there_text\">类型:" + Movie.movieType +"</span></li>\n" +
                        "                                <li><span class=\"area there_text\">地区:" + Movie.area.areaName + "</span></li>\n" +
                        "                                <li><span class=\"playTime there_text\">片长:" + Movie.playTime + "</span></li>\n" +
                        "                                <li><span class=\"moviePrice there_text\">票价:" + Movie.moviePrice + "</span></li>\n" +
                        "                            </div>\n" +
                        "                        </div>\n" +
                        "                        <h1 class=\"movieName code_text\">" + Movie.movieName + "</h1 >\n" +
                        "                        <p class=\"storyIntroduce there_text\" style=\"display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;work-wrap:break-word;overflow:hidden;text-overflow:ellipsis\" >电影简介:" + Movie.storyIntroduce + "</p>\n" +
                        "                    </div>";

                });
                $("#upcoming").html(content);

            },
            //请求失败时的响应函数
            error:function(xhr,status,error){
                console.log("请求失败");
            }
        });

        // 发送ajax,渲染热门电影院
        $.ajax({
            async:true,
            url:"${pageContext.request.contextPath}/getMovie/cinemaPage",
            type:"GET",
            data:{pageNum:pageNum, pageSize:pageSize},
            dataType:"json",
            success:function(result,status,xhl){
                console.log(result);
                // 热门电影的渲染
                // style="color:#FF0000"
                var content = "";
                $.each(result.list,function(index,Cinema){
                    content += "<div class=\"iamge_movies\">\n" +
                        "                        <div class=\"image_3\">\n" +
                        "                            <a href=\"../front/tv.jsp?cinemaId=" + Cinema.cinemaId + "\">" +
                        "                               <img src=\"../fileDownload/" + Cinema.cinemaPicture +"\" class=\"image\" style=\"width:197px;height: 274px\">\n" +
                        "                            </a>" +
                        "                        </div>" +
                        "                        <h1 class=\"movieName code_text\">" + Cinema.cinemaName + "</h1 >\n" +
                        "                        <p class=\"storyIntroduce there_text\" style=\"display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;work-wrap:break-word;overflow:hidden;text-overflow:ellipsis\" >地址:" + Cinema.address + "</p>\n" +
                        "                    </div>";

                });
                $("#hotCinema").html(content);

            },
            //请求失败时的响应函数
            error:function(xhr,status,error){
                console.log("请求失败");
            }
        });

        // 发送ajax,渲染轮播图
        // var startTime = "2020-07-28";
        // 点击容器，获取日期
        $(document).on("click",".dayStyle",function(){
            // 获取日期
            var startTime = document.getElementById("h3Ele").innerText;
            //alert(startTime);


        $.ajax({
            async:true,
            url:"${pageContext.request.contextPath}/getMovie/upComingMovie",
            type:"GET",
            data:{startTime:startTime},
            dataType:"json",
            success:function(result,status,xhl){
                console.log(result);
                // 热门电影的渲染
                // style="color:#FF0000"
                var content = "";
                // 如果result为空
                if(result == null || "" == startTime){
                    $("#slideshow").empty();
                    //$("#slideshow").remove();
                    content += "<div class=\"carousel-item active image_3\">\n" +
                        "                                <img src=\"https://static.runoob.com/images/mix/img_nature_wide.jpg\" style=\"width: 500px;height: 488px\">\n" +
                        "                                <div class=\"middle playnow_bt\">\n" +
                        "                                    <span class=\"director there_text\">当前日期没有新片上映,请换其他日期试试</span>\n" +
                        "                                </div>\n" +
                        "                            </div>";
                } else {
                    // $("#slideshow").remove();
                    $.each(result,function(index,Movie){
                        // 判断index是否等于0,因为active 这个样式只能第一个div里可以有
                        if(index == 0){
                            content += "<div class=\"carousel-item active image_3\">\n" +
                                "                             <a href = \"../front/details.jsp?movieId=" + Movie.movieId + "\"> " +
                                "                                <img src=\"../fileDownload/" + Movie.moviePicture + "\" style=\"width: 500px;height: 488px\">\n" +
                                "                             </a>" +
                                "                                <div class=\"middle playnow_bt\">\n" +
                                "                                    <span class=\"director there_text\">电影名:" + Movie.movieName + "</span>\n" +
                                "                                    <span class=\"director there_text\">导演:" + Movie.actorName+ "</span>\n" +
                                "                                    <span class=\"director there_text\">演员:" + Movie.actorList + "</span>\n" +
                                "                                    <span class=\"director there_text\">类型:" + Movie.movieType + "</span>\n" +
                                "                                    <span class=\"director there_text\">地区:" + Movie.areaName + "</span>\n" +
                                "                                    <span class=\"director there_text\">片长:" + Movie.playTime + "</span>\n" +
                                "                                    <span class=\"director there_text\">票价:" + Movie.moviePrice + "</span>\n" +
                                "                                </div>\n" +
                                "                            </div>";
                        } else {
                            content += "<div class=\"carousel-item image_3\">\n" +
                                "                             <a href = \"../front/details.jsp?movieId=" + Movie.movieId + "\"> " +
                                "                                <img src=\"../fileDownload/" + Movie.moviePicture + "\" style=\"width: 500px;height: 488px\">\n" +
                                "                             </a>" +
                                "                                <div class=\"middle playnow_bt\">\n" +
                                "                                    <span class=\"director there_text\">电影名:" + Movie.movieName + "</span>\n" +
                                "                                    <span class=\"director there_text\">导演:" + Movie.actorName+ "</span>\n" +
                                "                                    <span class=\"director there_text\">演员:" + Movie.actorList + "</span>\n" +
                                "                                    <span class=\"director there_text\">类型:" + Movie.movieType + "</span>\n" +
                                "                                    <span class=\"director there_text\">地区:" + Movie.areaName + "</span>\n" +
                                "                                    <span class=\"director there_text\">片长:" + Movie.playTime + "</span>\n" +
                                "                                    <span class=\"director there_text\">票价:" + Movie.moviePrice + "</span>\n" +
                                "                                </div>\n" +
                                "                            </div>";
                        }

                    });
                }
                /*$("#slideshow").empty();*/
                $("#slideshow").html(content);

            },
            //请求失败时的响应函数
            error:function(xhr,status,error){
                console.log("请求失败");
            }
        });

        })

    })
    $('#datepicker').datepicker({
        uiLibrary: 'bootstrap4'
    });
    // $('#sub1').mouseover(function () {
    //     $('#sub2').show();
    //     $('#sub2').css('position','relative');
    //     $('#sub2').css('z-index','100');
    // });
    // $('#sub1').mouseout(function () {
    //     $('#sub2').hide();
    // });
    // $('#sub2').mouseenter(function () {
    //     $(this).show();
    // });
</script>
</body>
</html>
